<template>
  <UniversalContainer name="默认Button" :paramaters="type">
    <!-- 使用level属性设置不同按钮主题 -->
    <Button>默认按钮</Button>
    <!-- main主题按钮 -->
    <Button level="main">主要按钮</Button>
    <!-- 成功主题按钮 -->
    <Button level="succese">成功按钮</Button>
    <!-- info主题按钮 -->
    <Button level="info">信息按钮</Button>
    <!-- warning主题 -->
    <Button level="warrning">警告按钮</Button>
    <!-- danger主题 -->
    <Button level="danger">危险按钮</Button>
  </UniversalContainer>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Button from "../../baseComponent/Button.vue";
import UniversalContainer from "../UniversalContainer.vue";

const type = ref(
  `
  import Button from "../../baseComponent/Button.vue";
  
  <Button>默认按钮</Button>
  <Button level="main">主要按钮</Button>
  <Button level="succese">成功按钮</Button>
  <Button level="info">信息按钮</Button>
  <Button level="warrning">警告按钮</Button>
  <Button level="danger">危险按钮</Button>
  `
);
</script>

<style scoped lang="scss"></style>
